﻿@model BlackoutRugby.Models.Jugador.ModeloGetEstadisticas
@{
    ViewBag.Title = "GetEstadisticas";
}
<div id="tabsGraficas">

	<ul>
		<li><a href="#csr">CSR</a></li>
		<li><a href="#Resistencia">Resistencia</a></li>
        <li><a href="#ataque">Ataque</a></li>
        <li><a href="#Defensa">Defensa</a></li>
        <li><a href="#Tecnica">Tecnica</a></li>
        <li><a href="#Salto">Salto</a></li>
        <li><a href="#Manejo">Manejo</a></li>
        <li><a href="#fuerza">fuerza</a></li>
        <li><a href="#Veloidad">Veloidad</a></li>
        <li><a href="#Pateo">Pateo</a></li>
        <li><a href="#Agilidad">Agilidad</a></li>

	</ul>
	
    <div id="csr">
        <div id="csrGrafica"></div>
    </div>
    <div id="Resistencia">
        <div id="ResistenciaGrafica"></div>
    </div>
    <div id="Agilidad">
        <div id="AgilidadGrafica"></div>
    </div>
    <div id="ataque">
        <div id="AtaqueGrafica"></div>
    </div>
    <div id="Defensa">
        <div id="DefensaGrafica"></div>
    </div>
    <div id="Tecnica">
        <div id="TecnicaGrafica"></div>
    </div>
    <div id="Salto">
        <div id="SaltoGrafica"></div>
    </div>
    <div id="Manejo">
        <div id="ManejoGrafica"></div>
    </div>
    <div id="fuerza">
        <div id="fuerzaGrafica"></div>
    </div>
    <div id="Veloidad">
        <div id="VelocidadGrafica"></div>
    </div>
    <div id="Pateo">
        <div id="PateoGrafica"></div>
    </div>
   
</div>

<script type="text/javascript">
    $(function () {
        $('#tabsGraficas').tabs();

        var myDataCsr = new Array(@Model.datosCsr);
        var myChartCsr = new JSChart('csrGrafica', 'line');
        myChartCsr.setDataArray(myDataCsr);
        myChartCsr.draw();
       
        var myDataAtaque = new Array(@Model.datosAtaque);
        var myChartAtaque = new JSChart('AtaqueGrafica', 'line');
        myChartAtaque.setDataArray(myDataAtaque);
        myChartAtaque.draw();

        var myDataDefensa = new Array(@Model.datosDefensa);
        var myChartDefensa = new JSChart('DefensaGrafica', 'line');
        myChartDefensa.setDataArray(myDataDefensa);
        myChartDefensa.draw();
        
        var myDataAgilidad = new Array(@Model.datosAgilidad);
        var myChartAgilidad = new JSChart('AgilidadGrafica', 'line');
        myChartAgilidad.setDataArray(myDataAgilidad);
        myChartAgilidad.draw();

        var myDataSalto = new Array(@Model.datosSalto);
        var myChartSalto = new JSChart('SaltoGrafica', 'line');
        myChartSalto.setDataArray(myDataSalto);
        myChartSalto.draw();
        
        var myDataResistencia = new Array(@Model.datosResistencia);
        var myChartResistencia = new JSChart('ResistenciaGrafica', 'line');
        myChartResistencia.setDataArray(myDataResistencia);
        myChartResistencia.draw();

        var myDataManejo = new Array(@Model.datosManejo);
        var myChartManejo = new JSChart('ManejoGrafica', 'line');
        myChartManejo.setDataArray(myDataManejo);
        myChartManejo.draw();
        
        var myDataTecnica = new Array(@Model.datosTecnica);
        var myChartTecnica = new JSChart('TecnicaGrafica', 'line');
        myChartTecnica.setDataArray(myDataTecnica);
        myChartTecnica.draw();

        var myDataVelocidad = new Array(@Model.datosVelocidad);
        var myChartVelocidad = new JSChart('VelocidadGrafica', 'line');
        myChartVelocidad.setDataArray(myDataVelocidad);
        myChartVelocidad.draw();
        
        var myDataFuerza = new Array(@Model.datosFuerza);
        var myChartFuerza = new JSChart('fuerzaGrafica', 'line');
        myChartFuerza.setDataArray(myDataFuerza);
        myChartFuerza.draw();

        var myDataPateo = new Array(@Model.datosPateo);
        var myChartPateo = new JSChart('PateoGrafica', 'line');
        myChartPateo.setDataArray(myDataPateo);
        myChartPateo.draw();
        

    });
</script>